// Margin and radius
$content-desktop              = 80%;
$content-desktop-large        = 72%;
$content-desktop-largest      = 55%;
$myradius                     = 8px;

// Color and shadow
$myblue-deepest               = #131d27;
$myblue-deeper                = #15202b;
$myblue-deep                  = #192734;
$myblue                       = #3f5973;
$myblue-light                 = #0477ab;
$myblue-lighter               = #649ab6;
$myblack                      = #1c1c21;
$mywhite                      = #c9d1d9;

$text-color                   = $myblack;
$link-color                   = $myblack;
$link-hover-color             = $myblue-light;
$body-bg-color-dark           = $myblue-deeper;
$content-bg-color-dark        = $myblue-deep;
$text-color-dark              = $mywhite;
$link-color-dark              = $mywhite;
$link-hover-color-dark        = white;
$menu-item-bg-color-dark      = $myblue-deepest;
$btn-default-bg               = $myblue;
$btn-default-hover-bg         = $myblue-lighter;

$image-box-shadow             = 0 5px 15px 0px rgba(0, 0, 0, .4);
$box-shadow                   = 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
$box-shadow-hover             = 0 8px 16px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);

// Font family
$font-family-quote            = "EB Garamond", STKaiti, KaiTi, SimKai, DFKai-SB, "Noto Serif SC";

// Image assets CDN url
$img-cdn = hexo-config('images')+'/';
$site-brand-bg-url            = $img-cdn + "header-bg.jpg";
$body-bg-url                  = $img-cdn + "body-bg.png";
$body-bg-gray-url             = $img-cdn + "body-bg-gray.png";
$comment-bg-url               = $img-cdn + "comment-bg.png";